Skip to content

Develop webdesign like 2009 - #15

Merged
kellen-xavier merged 8 commits into
mainfrom
develop
Aug 27, 2026
Merged

Develop webdesign like 2009#15
kellen-xavier merged 8 commits into
mainfrom
develop

Conversation

@kellen-xavier

Copy link
Copy Markdown
Owner

O que foi feito?

  1. Janela presa no cabeçalho → o JS ancorava tudo perto do topo (16px). Agora ancora perto do ícone clicado horizontalmente e sempre colada acima da doca verticalmente — e continua arrastável (testei arrastar de verdade, funciona).
  2. Efeito pixel art → cantos retos, borda bevel 3D (efeito "afundado/saltado" clássico), sombra dura sem blur, barra de título monoespaçada em maiúsculas na cor de destaque, pop-in leve ao abrir.
  3. Botão fechar não fechava → a causa raiz era sutil: minha própria regra display: flex sobrescrevia o display: none nativo do fechado (regra de autor sempre vence regra do navegador), então a janela "fechada" ficava invisível mas ainda ocupando espaço e roubando cliques de quem estivesse atrás. Só descobri isso testando fechar com 3 janelas abertas ao mesmo tempo — visualmente parecia ter fechado, mas não tinha. Corrigido.

Kellen.Xavier and others added 8 commits August 27, 2026 15:20
Adiciona lint de markdown com mdl (workflow em todo PR e push para
develop/main) e corrige as violações reais já existentes: listas de
tags no front matter viraram estilo flow (evita falso positivo de
MD032 tratando a lista YAML como lista markdown), indentação de lista
aninhada (MD007) e numeração sequencial de lista ordenada permitida
via config (MD029). MD002/MD013/MD033/MD041 desligadas por não fazerem
sentido neste conteúdo (H1 vem do front matter, prosa livre, HTML cru
intencional).

Adiciona geração automática de CHANGELOG.md (formato Keep a Changelog)
via git-cliff a partir de Conventional Commits: ao mergear develop em
main, o workflow calcula a próxima versão semver, atualiza o
CHANGELOG.md, cria a tag vX.Y.Z e publica a GitHub Release com as
notas — sem intervenção manual, e sem publicar nada se não houver
commit relevante desde a última tag.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DArf4UAVNWE4Ln1kgrsege
feat: lint de markdown (mdl) e changelog/release automáticos (git-cliff)
Merge pull request #10 from kellen-xavier/develop
… rascunhos)

Adiciona uma barra fixa no rodapé no estilo desktop/OS do fim dos anos
2000, com janelas flutuantes e arrastáveis (<dialog> nativo, sem lib
de drag) para três painéis: player Spotify (embed carregado só quando
a janela abre), lista de próximos eventos e lista de rascunhos.

Isolado do resto do tema via os hooks públicos do Hextra
(layouts/partials/custom/{footer,head-end}.html), com CSS e JS em
arquivos próprios (desktop-dock.css/.js) e configuração via data
(data/dock.yaml, data/events.yaml) — trocar o link do Spotify ou
adicionar um evento não mexe em template.

Rascunhos viram conteúdo Hugo de verdade em content/drafts/, com
build.list: local (visível só pela própria seção) pra ficar fora do
blog principal, do RSS e do sitemap sem deixar de ter página própria.

Ícones: Pixelarticons (MIT).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DArf4UAVNWE4Ln1kgrsege
Substitui a seção de setup (em inglês, com um typo que quebrava o
comando cd) por um passo a passo em português: pré-requisitos, como
rodar o servidor local com -D/-F, onde acessar, e o build de produção
que vale rodar antes de abrir um PR.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DArf4UAVNWE4Ln1kgrsege
…duplicado

Corrige os 4 problemas reportados no layout da doca:

- Janelas abriam ancoradas perto do topo (16px), sobrepondo a navbar
  fixa do tema. Reposicionadas para abrir coladas acima da doca,
  ancoradas horizontalmente perto do ícone clicado.
- Botão fechar (x) não fechava de fato: a própria regra "display: flex"
  do .dock-window sobrescrevia o "display: none" nativo do <dialog>
  fechado (author beats user-agent no cascade), deixando a janela
  "fechada" invisível mas ainda clicável por cima do que estivesse
  atrás. Corrigido com uma regra explícita .dock-window:not([open])
  { display: none }, e a transição de abertura trocada por uma
  animação simples (sem o antigo risco de allow-discrete).
- Efeito "pixel art" nas janelas: cantos retos, borda bevel 3D (via
  --bevel-light/--bevel-dark), sombra dura sem blur, barra de título
  com fonte monoespaçada em maiúsculas na cor de destaque, e um
  pop-in leve ao abrir.
- Também corrigido, achado ao testar interação real com várias
  janelas abertas: com 3 painéis simultâneos, uma janela aberta depois
  podia cobrir por completo a barra de título de outra. Adiciona
  "trazer para frente" ao interagir com qualquer janela (raiseWindow)
  e aumenta o espaçamento do cascateamento.
- hugo.yaml: theme.displayToggle: false e footer.displayPoweredBy:
  false — o Hextra só mostra o seletor de tema completo e "Com a
  tecnologia de Hextra" nesse rodapé como fallback de quando a
  sidebar esquerda está oculta (nosso caso na home). O toggle
  continua funcionando normalmente pelo item "Tema" do menu, no
  cabeçalho.

Testado com Playwright (chromium real, não só screenshot) simulando
clique, drag e fechar em cenários com 1 e 3 janelas abertas — inclusive
o bug do botão fechar só apareceu assim, screenshot estático não pegava.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DArf4UAVNWE4Ln1kgrsege
…ebdesign

fix: janelas da doca coladas na navbar, botão fechar, e limpa rodapé …
@kellen-xavier kellen-xavier self-assigned this Aug 27, 2026
@netlify

netlify Bot commented Aug 27, 2026

Copy link
Copy Markdown

Deploy Preview for ladydebug ready!

Name Link
🔨 Latest commit 7571e05
🔍 Latest deploy log https://app.netlify.com/projects/ladydebug/deploys/6a90a058755e58000868e48a
😎 Deploy Preview https://deploy-preview-15--ladydebug.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 100
Accessibility: 82
Best Practices: 100
SEO: 95
PWA: 70
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@kellen-xavier
kellen-xavier merged commit cec3499 into main Aug 27, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant